<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8" 	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     		"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="content-language" content="en" />
    <meta name="robots" content="all,follow" />

    <meta name="author" lang="en" content="All: Your name [www.url.com]; e-mail: info@url.com" />
    <meta name="copyright" lang="en" content="Webimg: Nuvio [www.nuvio.cz]; e-mail: ahoj@nuvio.cz" />

    <meta name="description" content="..." />
    <meta name="keywords" content="..." />

    <link rel="stylesheet" media="screen,projection" type="text/css" href="css/reset.css" />
    <link rel="stylesheet" media="screen,projection" type="text/css" href="css/main.css" />
    <!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="css/main-msie.css" /><![endif]-->
    <link rel="stylesheet" media="screen,projection" type="text/css" href="css/style.css" />
    <link rel="stylesheet" media="print" type="text/css" href="css/print.css" />

    <title>Batalla Naval</title>
</head>
<body>

	<div id="main">

		<!-- Header -->
		<div id="header">
			<jsp:include page="navigation.jsp" />
		</div>
		<!-- /header -->

		<!-- Tray -->
		<div id="tray">
			<jsp:include page="menu.jsp" />
			<!-- Search -->
			<div id="search" class="box">
				<form action="#" method="get">
					<div class="box">
						<div id="search-input">
							<span class="noscreen">Search:</span><input type="text" size="30"
								name="" value="Search" />
						</div>
						<div id="search-submit">
							<input type="image" src="img/search-submit.gif" value="OK" />
						</div>
					</div>
				</form>
			</div>
			<!-- /search -->

			<hr class="noscreen" />
		</div>
		<!-- /tray -->

		
		<div id="col-top"></div>
		<div id="col" class="box">
			<div>
				<h2 id="slogan">
					<span></span>Game Instructions
				</h2>
					<p>
						Battleship is a long-standing two-player game from Milton Bradley in which the object is to sink the other player's five hidden ships by calling out spots on a target grid to locate the fleet. A combination of luck and strategy will help players win the game by knocking out their opponent's destroyer, submarine, cruiser, carrier and battleship.
					</p>
				<h2>1 Set up the Board </h2>
   					<p>Players sit across from each other with their board open and facing themselves so that they cannot see each other's board. Each player must set up their ships in their target grid, which represents the ocean, either horizontally or vertically. The carrier takes up five pegs, the battleship uses four, the destroyer uses two, and the cruiser and submarine each take up three pegs. Each player will also get their white and red pegs ready. These will be used to mark the location of enemy ships and missed shots on the top portion of the board.</p>
      			<h2>2 Calling Shots and Marking Hits</h2>
          			<p>Players take turn calling out a letter and number that represents a location on the grid in an attempt to "hit" their opponent's ships. Mark hits with a red peg and misses with a white. When a hit is made the player must say what type of ship was hit. The player whose ship was hit will place a red peg on the location the ship was struck, and a red peg on each subsequent location that is hit. When the ship is completely filled with red pegs it is now sunk and the player must announce this.</p>
      			<h2>3 Sinking the Fleet and Winning the Game</h2>
      			<p>Play continues to alternate as ships are sunk. The game ends when a player has sunk all five of her opponent's ships, or 17 direct hits with the called shots.</p>
      		</div>
      		<div style="text-align: center;">
				<img src="img/battleship_board.gif" alt="" />
			</div>
		</div>
		<!-- /col -->
		<div id="col-bottom"></div>
		
		<hr class="noscreen" />



		<!-- 2 columns -->
		<div id="cols2-top"></div>
		<div id="cols2" class="box">

			<!-- Blog -->
			<div id="col-left">

				<div class="title">
					<span class="f-right"><a href="#" class="ico-rss">RSS
							feed</a>
					</span>
					<h4>Blog</h4>
				</div>
				<!-- /title -->

				<ul class="ul-list nomb">
					<li><span class="f-right"><a href="#"
							class="ico-comment">45 comments</a>
					</span> <span class="date">27.09.2008</span> <a href="#" class="article">Lorem
							ipsum dolor sit amet</a>
					</li>
					<li><span class="f-right"><a href="#"
							class="ico-comment">45 comments</a>
					</span> <span class="date">27.09.2008</span> <a href="#" class="article">Lorem
							ipsum dolor sit amet</a>
					</li>
					<li><span class="f-right"><a href="#"
							class="ico-comment">45 comments</a>
					</span> <span class="date">27.09.2008</span> <a href="#" class="article">Lorem
							ipsum dolor sit amet</a>
					</li>
					<li><span class="f-right"><a href="#"
							class="ico-comment">45 comments</a>
					</span> <span class="date">27.09.2008</span> <a href="#" class="article">Lorem
							ipsum dolor sit amet</a>
					</li>
					<li><span class="f-right"><a href="#"
							class="ico-comment">45 comments</a>
					</span> <span class="date">27.09.2008</span> <a href="#" class="article">Lorem
							ipsum dolor sit amet</a>
					</li>
				</ul>

			</div>
			<!-- /col-left -->

			<hr class="noscreen" />

			<!-- Testimonials -->
			<div id="col-right">

				<h4>
					<span>Testimonials</span>
				</h4>

				<div class="box">

					<div class="col-right-img">
						<img src="img/65x65.gif" width="65" height="65" alt="" />
					</div>
					<div class="col-right-text">

						<p>
							Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc
							feugiat. <strong>In a massa.</strong> In feugiat pharetra lacus.
							In non arcu nec libero pharetra rutrum.
						</p>
						<p class="high smaller">
							&ndash; <cite>John Doe, Some Corporation</cite>
						</p>

					</div>
					<!-- /col-right-text -->

				</div>
				<!-- /box -->

			</div>
			<!-- /col-right -->

		</div>
		<!-- /cols2 -->
		<div id="cols2-bottom"></div>

		<hr class="noscreen" />

		<!-- Footer -->
		<div id="footer">

			<!-- Do you want remove this backlinks? Look at www.nuviotemplates.com/payment.php -->
			<p class="f-right">
				<a href="http://www.nuviotemplates.com/">Free web templates</a>
				presented by <a href="http://www.qartin.cz/">QARTIN</a> &ndash; Our
				tip: <a href="http://last-minute.invia.pl">Wakacje</a> <a
					href="http://dovolenka.invia.sk">Dovolenka</a>
			</p>
			<!-- Do you want remove this backlinks? Look at www.nuviotemplates.com/payment.php -->

			<p>
				Copyright &copy;&nbsp;2011 <strong><a href="http://www.globallogic.com/">Globallogic</a>
				</strong>, All Rights Reserved &reg;
			</p>

		</div>
		<!-- /footer -->

	</div>
	<!-- /main -->
</body>
</html>


